Search completed in 1.07 seconds.
78 results for "color value":
Your results are loading. Please wait...
edgeMode - SVG: Scalable Vector Graphics
the edgemode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
... two elements are using this attribute: <feconvolvematrix> and <fegaussianblur> feconvolvematrix for <feconvolvematrix>, edgemode determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
... value duplicate | wrap | none default value duplicate animatable yes duplicate this value indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.
...And 4 more matches
CSS values and units - Learn web development
this means that if you see <color> as valid you don't need to wonder which of the different types of color value can be used — keywords, hex values, rgb() functions, etc.
...for example, if you look at the page for <color> you will see that the browser compatibility section lists different types of color value and support for them.
...the same color values can be used everywhere in css, whether you are specifying text color, background color, or whatever else.
...And 3 more matches
WebGLRenderingContext.clearColor() - Web APIs
the webglrenderingcontext.clearcolor() method of the webgl api specifies the color values used when clearing color buffers.
... this specifies what color values to use when calling the clear() method.
... syntax void gl.clearcolor(red, green, blue, alpha); parameters red a glclampf specifying the red color value used when the color buffers are cleared.
...And 2 more matches
<color> - CSS: Cascading Style Sheets
this lets you use the color value on properties that do not receive it by default.
... examples color value tester in this example we provide a <div> and a text input.
... entering a valid color into the input causes the <div> to adopt that color, allowing you to test our color values.
...And 2 more matches
Eyedropper - Firefox Developer Tools
underneath the magnifying glass it shows the color value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: you can use it in one of two ways: to select a color from the page and copy it to the clipboard to change a color value in the inspector's rules view to a color you've selected from the page copying a color to the clipboard open the eyedropper in one of these two ways: select "eyedropper" under the "web developer" menu open the page inspector tab and click the eyedropper button in its toolbar as you move the mouse arou...
...nd the page you'll see the current color value in the eyedropper change.
... clicking copies the current color value to the clipboard.
... changing a color value in the rules view color values appearing in the inspector's rules view have color samples next to them: clicking the sample shows a color picker popup.
CSSPrimitiveValue.getRGBColorValue() - Web APIs
the getrgbcolorvalue() method of the cssprimitivevalue interface is used to get an rgb color value.
... if this css value doesn't contain a rgb color value, a domexception is raised.
... syntax var rgbcolorvalue = cssprimitivevalue.getrgbcolorvalue(); return value an rgbcolor object representing the color value.
... exceptions type description domexception an invalid_access_err is raised if the attached property can't return an rgb color value (i.e.
Applying styles and colors - Web APIs
by default, the stroke and fill color are set to black (css color value #000000).
... because the strokestyle and fillstyle properties accept css rgba color values, we can use the following notation to assign a transparent color to them.
... shadowcolor = color a standard css color value indicating the color of the shadow effect; by default, it is fully-transparent black.
... the shadowcolor property is a standard css color value indicating the color of the shadow effect; by default, it is fully-transparent black.
Index - Web APIs
WebAPIIndex
442 cssprimitivevalue.getrgbcolorvalue() api, cssprimitivevalue, method, getrgbcolorvalue the getrgbcolorvalue() method of the cssprimitivevalue interface is used to get an rgb color value.
... if this css value doesn't contain a rgb color value, a domexception is raised.
... 4740 webglrenderingcontext.clearcolor() api, method, reference, webgl, webglrenderingcontext the webglrenderingcontext.clearcolor() method of the webgl api specifies the color values used when clearing color buffers.
color - CSS: Cascading Style Sheets
WebCSScolor
the color css property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.
... color contrast ratio is determined by comparing the luminosity of the text and background color values.
... adds 4- and 8-digit hex color values, where the last digit(s) represents the alpha value.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
the basic convolution formula which is applied to each color value for a given pixel is: colorx,y = ( sum i=0 to [ordery-1] { sum j=0 to [orderx-1] { source x-targetx+j, y-targety+i * kernelmatrixorderx-j-1, ordery-i-1 } } ) / divisor + bias * alphax,y where "orderx" and "ordery" represent the x and y values for the ‘order’ attribute, "targetx" repres...
... to illustrate, suppose you have a input image which is 5 pixels by 5 pixels, whose color values for one of the color channels are as follows: 0 20 40 235 235 100 120 140 235 235 200 220 240 235 235 225 225 255 255 255 225 225 255 255 255 and you define a 3-by-3 convolution kernel as follows: 1 2 3 4 5 6 7 8 9 let's focus on the color value at the second row and second column of the image (source pixel value is 120).
... assuming the simplest case (where the input image's pixel grid aligns perfectly with the kernel's pixel grid) and assuming default values for attributes ‘divisor’, ‘targetx’ and ‘targety’, then resulting color value will be: (9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + 3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes class style specific attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha dom interface this element implements the svgfeconvolvematrixelement interface.
SVG documentation index - SVG: Scalable Vector Graphics
WebSVGIndex
60 divisor filters, svg, svg attribute the divisor attribute specifies the value by which the resulting number of applying the kernelmatrix of a <feconvolvematrix> element to the input image color value is divided to yield the destination color value.
... 65 edgemode filters, needscompattable, needsexample, svg, svg attribute the edgemode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
...every pixel's color value [r,g,b,a] is matrix multiplied by a 5 by 5 color matrix to create new color [r',g',b',a'].
Editor Embedding Guide - Archive of obsolete content
getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
... getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
Advanced styling effects - Learn web development
the color value is the base color of the shadow.
... note: there is another item that can be set in the box-shadow value — another length value can be optionally set just before the color value, which is a spread radius.
Making decisions in your code — conditionals - Learn web development
for each case, the update() function should be run, and be passed two color values, the first one for the background color, and the second one for the text color.
... remember that color values are strings, so need to be wrapped in quotes.
Embedding API for Accessibility
setboolpref("browser.use_system_fonts", usesystemfonts); no colors for page setcharpref("browser.display.foreground_color", "#abcdef" /* hex color value */); setcharpref("browser.display.background_color", "#abcdef" /* hex color value */); setboolpref("browser.display.use_system_colors", boolsystemcolors); setboolpref("browser.display.use_document_colors", booluseauthorcolors); /* setting use_document_colors also stops background images from loading */ ...
... moz 0.8 link appearance setcharpref("browser.anchor_color", "#abcdef" /* hex color value */); setcharpref("browser.visited_color", "#abcdef" /* hex color value */); setboolpref("browser.underline_anchors", boolunderlinelinks); moz 0.8 focus appearance setboolpref("browser.display.use_focus_colors", usefocuscolors); setcharpref("browser.display.focus_background_color", colorstring); setcharpref("browser.display.focus_text_color", colorstring); setcharpref("browser.display.focus_ring_width", numpixels); /* 0-4 */ moz 0.9.2 ...
Using the Browser API
MozillaGeckoChromeAPIBrowser APIUsing
in addition, the background of the controls ui bar is changed to the background color of the site that has just loaded, to provide a more integrated experience — this can be read out of the event object's e.detail.backgroundcolor value.
... when the front page of https://developer.mozilla.org is loaded, for example, the e.detail.backgroundcolor value reported is rgb(0, 83, 159).
Index - Firefox Developer Tools
underneath the magnifying glass it shows the color value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: 34 index tools found 158 pages: 35 json viewer firefox includes a json viewer.
... 64 examine and edit the box model guide, tools with the select element button pressed, if you hover over an element in the page, the box model for the element is shown overlaid on the page: 65 inspect and select colors guide, inspector, tools in the css pane's rules view, if a rule contains a color value, you'll see a sample of the color next to the value: 66 open the inspector guide, inspector, tools there are two main ways to open the inspector: 67 reposition elements in the page starting in firefox 48 you can move absolutely positioned elements by dragging them around the page.
Document.execCommand() - Web APIs
this requires a hexadecimal color value string as a value argument.
...requires a color value string as a value argument.
Web Accessibility: Understanding Colors and Luminance - Accessibility
there's movement towards adopting the use of hsl color values rather than rgb values is css color module 3 (see section 4.2.4), the rationale being that rgb is hardware-oriented, reflecting the use of crts, and that rgb is non-intuitive.
...css color module level 3 added hsl color values, stating "css3 adds numerical hue-saturation-lightness (hsl) colors as a complement to numerical rgb colors.
:link - CSS: Cascading Style Sheets
WebCSS:link
syntax :link examples by default, most browsers apply a special color value to visited links.
...(after that, you'll need to clear your browser history to see them again.) however, the background-color values are likely to remain, as most browsers do not set that property on visited links by default.
outline-color - CSS: Cascading Style Sheets
color contrast ratio is determined by comparing the luminosity of the text and background color values.
...for the color value, if the value is translucent, the computed value will be the rgba() corresponding one.
scrollbar-color - CSS: Cascading Style Sheets
note: user agents must apply any scrollbar-color value set on the root element to the viewport.
... accessibility concerns when using scrollbar-color property with specific color values, authors should ensure the specified colors have enough contrast between them.
<input type="color"> - HTML: Hypertext Markup Language
WebHTMLElementinputcolor
tracking color changes as is the case with other <input> types, there are two events that can be used to detect changes to the color value: input and change.
... here's an example that watches changes over time to the color value: colorpicker.addeventlistener("input", updatefirst, false); colorpicker.addeventlistener("change", watchcolorpicker, false); function watchcolorpicker(event) { document.queryselectorall("p").foreach(function(p) { p.style.color = event.target.value; }); } selecting the value if the <input> element's implementation of the color type on the user's browser doesn't support a color well, but is instead a text field for entering the color string directly, you can use the select() method to select the text c...
Scrollbar - Archive of obsolete content
so to make this work with osx, make an extra override: override chrome://global/skin/nativescrollbars.css chrome://app-global/skin/scrollbars.css change some color values inside the app/chrome/skin/global/scrollbars.css to test that the css is used.
Accessibility/XUL Accessibility Reference - Archive of obsolete content
caption see groupbox checkbox <checkbox label='<!--label text-->' /> colorpicker <colorpicker type="button" palettename="standard" /> colorpicker appears to read color values out if the colorpicker can get focus in the first place.
-moz-border-bottom-colors - Archive of obsolete content
syntax values accepts a white-space separated list of color values.
-moz-border-left-colors - Archive of obsolete content
syntax values accepts a white-space separated list of color values.
-moz-border-right-colors - Archive of obsolete content
syntax values accepts a white-space separated list of color values.
-moz-border-top-colors - Archive of obsolete content
syntax values accepts a white-space separated list of color values.
Backgrounds and borders - Learn web development
in the example below, we have used various color values to add a background color to the box, a heading, and a <span> element.
Test your skills: The Cascade - Learn web development
task one in this task, you need to use one of the special values we looked at in the controlling inheritance section to write a declaration in a new rule that will reset the background color back to white, without using an actual color value.
What is CSS? - Learn web development
in our example, we have the color property, which can take various color values.
How can we design for all types of users? - Learn web development
we suggest a local checker because it comes packaged with an on-screen color picker to find out a color value.
CSS basics - Learn web development
(for example, there are many color values in addition to red.) note the other important parts of the syntax: apart from the selector, each ruleset must be wrapped in curly braces.
Drawing graphics - Learn web development
add the following lines at the bottom of your javascript: ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); here we are setting a fill color using the canvas' fillstyle property (this takes color values just like css properties do), then drawing a rectangle that covers the entire area of the canvas with thefillrect method (the first two parameters are the coordinates of the rectangle's top left hand corner; the last two are the width and height you want the rectangle drawn at — we told you those width and height variables would be useful)!
Multimedia: Images - Learn web development
for any background images, it's important you set a background-color value so any content overlaid is still readable before the image has downloaded.
Handling common HTML and CSS problems - Learn web development
what happens is a browser visiting this page first applies the first background-color value; when it gets to the second background-color declaration, it will override the initial value with this value if it supports rgba colors.
mozbrowserloadend
when the front page of https://developer.mozilla.org is loaded, for example, the e.detail.backgroundcolor value reported is rgb(0, 83, 159).
Examine and edit CSS - Firefox Developer Tools
in addition, hovering over a css variable name brings up a tooltip showing what color value is stored in that variable (bug 1431949).
Inspect and select colors - Firefox Developer Tools
in the css pane's rules view, if a rule contains a color value, you'll see a sample of the color next to the value: a color sample is also shown for css custom properties (variables) that represent colors.
CSSPrimitiveValue - Web APIs
if this css value doesn't contain a rgb color value, a domexception is raised.
CanvasRenderingContext2D.putImageData() - Web APIs
// draw content onto the canvas ctx.fillrect(0, 0, 100, 100); // create an imagedata object from it var imagedata = ctx.getimagedata(0, 0, 100, 100); // use the putimagedata function that illustrates how putimagedata works putimagedata(ctx, imagedata, 150, 0, 50, 50, 25, 25); result data loss due to browser optimization due to the lossy nature of converting to and from premultiplied alpha color values, pixels that have just been set using putimagedata() might be returned to an equivalent getimagedata() as different values.
Compositing example - Web APIs
the new shape is drawn behind the canvas content.', 'where both shapes overlap the color is determined by adding color values.', 'only the new shape is shown.', 'shapes are made transparent where both overlap and drawn normal everywhere else.', 'the pixels are of the top layer are multiplied with the corresponding pixel of the bottom layer.
HTMLTableElement.bgColor - Web APIs
syntax color = table.bgcolor table.bgcolor = color parameters color is a string representing a color value.
WebGLRenderingContext.disable() - Web APIs
possible values: constant description gl.blend deactivates blending of the computed fragment color values.
WebGLRenderingContext.enable() - Web APIs
possible values: constant description gl.blend activates blending of the computed fragment color values.
WebGLRenderingContext.isEnabled() - Web APIs
possible values: constant description gl.blend blending of the computed fragment color values.
WebGLRenderingContext - Web APIs
webglrenderingcontext.clearcolor() specifies the color values used when clearing color buffers.
Clearing by clicking - Web APIs
if (!gl) { gl = canvas.getcontext("webgl") || canvas.getcontext("experimental-webgl"); if (!gl) { alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a random color value using a helper function.
Color masking - Web APIs
masking occurs later in the pipeline, and modifies the pixel color value, so the final result on the screen is that of the clear color, tinted by the color mask.
Simple color animation - Web APIs
entbyid("canvas-view"); gl = canvas.getcontext("webgl") ||canvas.getcontext("experimental-webgl"); if (!gl) { clearinterval(timer); alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a random color value using a helper function.
Using textures in WebGL - Web APIs
the fragment shader the fragment shader likewise needs to be updated: const fssource = ` varying highp vec2 vtexturecoord; uniform sampler2d usampler; void main(void) { gl_fragcolor = texture2d(usampler, vtexturecoord); } `; instead of assigning a color value to the fragment's color, the fragment's color is computed by fetching the texel (that is, the pixel within the texture) based on the value of vtexturecoord which like the colors is interpolated bewteen vertices.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
for popup listboxes used for dropdowns in autocomplete text fields, change the color value by 1 when the user is typing in the textfield as opposed to arrowing through the list.
-webkit-tap-highlight-color - CSS: Cascading Style Sheets
-webkit-tap-highlight-color: red; -webkit-tap-highlight-color: transparent; /* for removing the highlight */ syntax values a <color value>.
-webkit-text-stroke - CSS: Cascading Style Sheets
/* width and color values */ -webkit-text-stroke: 4px navy; text-stroke: 4px navy; /* global values */ -webkit-text-stroke: inherit; -webkit-text-stroke: initial; -webkit-text-stroke: unset; text-stroke: inherit; text-stroke: initial; text-stroke: unset; constituent properties this property is a shorthand for the following css properties: -webkit-stroke-color -webkit-stroke-width syntax values <length> the width of the stroke.
::placeholder - CSS: Cascading Style Sheets
color contrast ratio is determined by comparing the luminosity of the placeholder text and the input background color values.
-ms-high-contrast - CSS: Cascading Style Sheets
because high contrast mode themes are dynamic, use these color keywords in place of other css color values.
Using CSS gradients - CSS: Cascading Style Sheets
controlling the progression of a gradient by default, a gradient evenly progresses between the colors of two adjacent color stops, with the midpoint between those two color stops being the midpoint color value.
CSS values and units - CSS: Cascading Style Sheets
adds 4- and 8-digit hex color values, where the last digit(s) represents the alpha value.
background-color - CSS: Cascading Style Sheets
color contrast ratio is determined by comparing the luminance of the text and background color values.
<blend-mode> - CSS: Cascading Style Sheets
: 300px; height: 300px; background: url('https://mdn.mozillademos.org/files/8543/br.png'), url('https://mdn.mozillademos.org/files/8545/tr.png'); background-blend-mode: luminosity; } description for each pixel among the layers to which it is applied, a blend mode takes the colors of the foreground and the background, perfoms a calculation on them, and returns a new color value.
opacity - CSS: Cascading Style Sheets
WebCSSopacity
color contrast ratio is determined by comparing the luminosity of the opacity-adjusted text and background color values.
outline - CSS: Cascading Style Sheets
WebCSSoutline
for the color value, if the value is translucent, the computed value will be the rgba() corresponding one.
repeating-linear-gradient() - CSS: Cascading Style Sheets
thus, the position of each ending color stop coincides with a starting color stop; if the color values are different, this will result in a sharp visual transition.
repeating-radial-gradient() - CSS: Cascading Style Sheets
thus, the position of each ending color stop coincides with a starting color stop; if the color values are different, this will result in a sharp visual transition, which can be mitigated by repeating the first color as the last color.
text-decoration-color - CSS: Cascading Style Sheets
color contrast ratio is determined by comparing the luminosity of the text and background color values.
Challenge solutions - Developer guides
see css color value for a complete list as well as other ways of specifying colors.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
for more detailed discussion of each of the color value types, see the reference for the css <color> unit.
<button>: The Button element - HTML: Hypertext Markup Language
WebHTMLElementbutton
color contrast ratio is determined by comparing the luminosity of the button text and background color values compared to the background the button is placed on.
theme-color - HTML: Hypertext Markup Language
WebHTMLElementmetanametheme-color
the theme-color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
HTML documentation index - HTML: Hypertext Markup Language
WebHTMLIndex
159 theme-color attribute, html, html document metadata, reference, metadata the theme-color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
divisor - SVG: Scalable Vector Graphics
WebSVGAttributedivisor
the divisor attribute specifies the value by which the resulting number of applying the kernelmatrix of a <feconvolvematrix> element to the input image color value is divided to yield the destination color value.
flood-color - SVG: Scalable Vector Graphics
working draft removed the <icccolor> value and aligned the value to the css color value.
rendering-intent - SVG: Scalable Vector Graphics
it attempts to maintain relative color values among the pixels as they are mapped to the target device gamut.
stop-color - SVG: Scalable Vector Graphics
<color> this value indicates a color value.
stop-opacity - SVG: Scalable Vector Graphics
for stop-color values that donʼt include explicit opacity information, the opacity is treated as 1.
<feColorMatrix> - SVG: Scalable Vector Graphics
every pixel's color value [r,g,b,a] is matrix multiplied by a 5 by 5 color matrix to create new color [r',g',b',a'].
<feComponentTransfer> - SVG: Scalable Vector Graphics
the calculations are performed on non-premultiplied color values.